<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性绑定和双向绑定</title>
   <script src="../Vue.js"></script>

</head>
<body>
<div id="header">
  //属性绑定 ：等于 v-bind：
  <div :title="title">hello</div>
  //双向绑定就是数据可以影响页面 页面也可以改变数据
  <input v-model="msg">
  <div>{{msg}}</div>
</div>
<script>
  new Vue({
    el:"#header",
    data:{
      title:"this is hello",
      msg:"好聪明"
    },

  })
</script>
</body>
</html>
